<script setup lang="ts" name="ViewsCarddYxyjIndex">
  import { ref, unref } from 'vue';
  import { PageWrapper } from '/@/components/Page';
  import { Card, Col, Row } from 'ant-design-vue';
  import byyj from './byyj.vue';
  import njyj from './njyj.vue';
  import tbyj from './tbyj.vue';
  import wzyj from './wzyj.vue';

  const loading = ref(true);

  setTimeout(() => {
    loading.value = false;
  }, 1500);
  console.log(unref);
</script>

<template>
  <PageWrapper>
    <Row :gutter="[24, 40]">
      <Col :span="12">
        <Card title="保养预警" :bodyStyle="{ padding: '0px' }">
          <byyj :loading="loading" />
        </Card>
      </Col>
      <Col :span="12">
        <Card title="年检预警" :bodyStyle="{ padding: '0px' }">
          <njyj :loading="loading" />
        </Card>
      </Col>
    </Row>
    <Row :gutter="[24, 40]" class="mt-3">
      <Col :span="12">
        <Card title="违章预警" :bodyStyle="{ padding: '0px' }">
          <wzyj :loading="loading" />
        </Card>
      </Col>
      <Col :span="12">
        <Card title="投保预警" :bodyStyle="{ padding: '0px' }">
          <tbyj :loading="loading" />
        </Card>
      </Col>
    </Row>
  </PageWrapper>
</template>

<style scoped lang="less"></style>
